﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasertTemplates.Master" AutoEventWireup="true" CodeBehind="ProductInformationList.aspx.cs" Inherits="WebApplication.ProductInformationList" %>
<%@ Register TagPrefix="uc1" TagName="usermeg" Src="~/UserControl/UserMessageControl.ascx" %>
<%@ Register TagPrefix="uc1" TagName="maintab" Src="~/UserControl/MainTabControl.ascx" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<%--<script type="text/javascript" src="Media/JS/PublicTableStyle.js"></script>--%>
<script type="text/javascript">
    $(document).ready(function () {
        //tab2 selected
        checkTab("t22");
//        $("#timeTable").TableColumnSelect({ listbox: "columlistwrap", hid: [] });

    })

</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
 <div class="content-title"><h1>Customer - Product Information</h1></div> 
         <div class="con-nav"><a href="#" class="btn"><span class="ui-icon ui-icon-newwin"></span>Add New Customer</a>
               </div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
<uc1:usermeg ID="usermeg" runat="server" ></uc1:usermeg>        
    <div class="partWrap">
    <uc1:maintab ID="maintab"  runat="server"/>
   <div class="clear10"></div> 
	
	<p> <a href="ProductInformationForm.aspx">Product Image Information</a> |<span> Advertising Record</span></p>

	<h4 class="title20">Advertising Record</h4>
	<div class="clear15"></div>	
	<div class="page">
		<p class="left">20- 50 / Record(s)</p>		
	<%--	<div class="lisColumtBoxWrap"> <img src="Media/Css/images/trash_can_s.png" height="24" id="showT" ></div>		

	<div id="lisColumtBoxWrap" class="lisColumtBoxWrap">
		 <img src="Media/Css/images/control_s.png" height="24" id="showC" >

	  <div id="lisColumtBox" class="lisColumtBox">	 
	  <div class="lisColumtBoxClose"></div>
	  <img src="Media/Css/images/del-form.png" height="13" class="lisColumtBoxClose" />
      <div id="columlistwrap">
      </div>      	  
	    <table  border="0" cellspacing="0" cellpadding="0" class="btnwrap">
			  <tr>
				<td  class="btnwrapl">
				 <ul class="uibtn">
    	              <li>Save</li>
	             </ul>
				</td>
				<td class="btnwrapr">
				 <ul class="uibtn">
    	           <li >Quit</li>
	              </ul>
				</td>
                <td >
                </td>				
			  </tr>
			</table>
	  </div>
	</div>
		--%>
		<div class="page-style">
		 <a href="#">Previous</a>
		 <a href="#"> << </a>
		 <span>
		 <input type="text" size="1" value="2" />
		  / 4</span>
		 <span>pages </span>
		 <a href="#">Go</a>
		 <a href="#"> >> </a>
		 <a href="#">Next</a>
		</div>	
		
		
	
	
	</div>

	<div class="table-wrap">	
	<table width="100%" border="0"  background="#cccccc" cellspacing="1" cellpadding="0" class="listing-table" id="timeTable">
	<thead>
		  <tr>
          <th>Index</th>
			
			<th><div class="hw"><span>Duration of advertising</span><span  class="order-1"></span><div class="dragDiv"></div></div></th>
			<th ><div class="hw"><span>Quantity</span><span class="order-1"></span><div class="dragDiv"></div></div></th>
			<th><div class="hw"><span>Price</span><span class="order-1"></span><div class="dragDiv"></div></div></th>
			<th><div class="hw"><span>Total</span><span class="order-1"></span><div class="dragDiv"></div></div></th>
			<th><div class="hw"><span>Bonus</span><span class="order-1"></span><div class="dragDiv"></div></div></th>
			<th><div class="hw"><span>Status</span><span class="order-1"></span><div class="dragDiv"></div></div></th>	
		  <th width="80">Action</th>
          </tr>
		</thead>
		  <tbody>
		   <tr>
            <td>01</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		     <tr>
              <td>02</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		    <tr>
             <td>03</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		    <tr>
             <td>04</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		   <tr>
            <td>05</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		  <tr>
           <td>06</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		   <tr>
            <td>07</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		   <tr>
            <td>08</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		   <tr>
            <td>09</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		    <tr>
             <td>10</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		  <tr>
           <td>11</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		  <tr>
           <td>12</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		  <tr>
           <td>13</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		  <tr>
           <td>14</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		  <tr>
           <td>15</td>
			<td  class="td1">01 Jun 2010 to 31 May 2011	</td>
			<td  class="td2">9</td>
			<td  class="td3">1,000.00 HKD</td>
			<td  class="td4">9,000.00	HKD</td>
			<td  class="td5">7</td>	
			<td  class="td7">Paid</td>
			<td  class="td9">
				<a href="#">Details</a> 
			</td>
		  </tr>
		  </tbody>
		
		</table>	
	</div>
		<div class="page">
		<p class="left">20- 50 / Record(s)</p>
		<div class="page-style">
		<a href="#">Previous</a>
		 <a href="#"> << </a>
		 <span>
		 <input type="text" size="1" value="2">
		  / 4</span>
		 <span>pages </span>
		 <a href="#">Go</a>
		 <a href="#"> >> </a>
		 <a href="#">Next</a>
		</div>	
	</div>
	</div>

</asp:Content>
